.menu-layout {
  .used-menu {
    margin-left: 24px;
    padding-top: 26px;
    .used-menu-title-abbreviate{
      display: flex;
      flex-direction: column;
      align-items: flex-start !important;
      span{
        display: inline-block;
        margin-bottom: 13px;
      }
    }
    .used-menu-title {
      font-size: 14px;
      color: #04071E;
      display: flex;
      align-items: center;
      .used-right {
        margin-left: auto;
        margin-right: 24px;
        display: flex;
        .used-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 12px;
          padding: 0 10px;
          height: 36px;
          margin-right: 6px;
          border-radius: 4px;
          background-color: rgba(255, 255, 255, 1);
          cursor: pointer;
          img{
            width: 15px;
            height: 15px;
          }
          div{
            margin-left: 10px;
          }
        }
      }
    }
    .used-menu-content-abbreviate{
      width: 168px !important;
    }
    .used-menu-content {
      display: flex;
      flex-wrap: wrap;
      margin-top: 24px;
      width: 416px;
      .used-menu-item {
        margin-right: 12px;
        margin-bottom: 16px;
        cursor: pointer;
        .used-menu-item-icon {
          width: 48px;
          height: 48px;
          background: #ffffff;
          border-radius: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #f9f9f9;
          img {
            width: 20px;
            height: 20px;
          }
        }
        .used-menu-name {
          margin-top: 3px;
          font-size: 12px;
          width: 50px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          text-align: center;
          color: #707070;
        }
      }
      .used-menu-item-selected{
        .used-menu-name{
          color: #04071E;
        }
      }
    }
  }
  .s-menu-item{
    border:none;
  }
  .ant-drawer-content-wrapper, .ant-drawer-content{
    background: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0px 10px 60px 0px rgba(77, 124, 254, 0.2) !important;
  }
  .ant-btn-default{
    border: none !important;
    width: 128px !important;
    height: 26px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 1);
    margin-right: 6px !important;
    span{
      width: 128px !important;
      color: rgba(112, 112, 112, 1) !important;
      font-size: 12px;
      text-align: left  ;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
}
  
  